/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 27 déc. 2013, 14:47:13
    Author     : root
*/
body{
    width:960px; padding:0px 0; margin:0 auto; font-family:Calibri, sans-serif;
}
#nav{
    border:1px solid #ccc;
    border-width:1px 0;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
#nav li{
    display:inline;
}
#nav a{
    display:inline-block;
    padding:10px;
}
a{
    color:#c00;
    text-decoration:none;
    font-weight:bold;
}
a:hover{
    text-decoration:underline;
}
#Contactlist{
    float:left;
    margin-left: 2%;
    width:11%;
    text-align: center;
    height: 400px;
}

ul
{
    margin-top:0px;
    margin-bottom:0px;
    margin-left:-10px
}
#name{
    float: left;
    margin-top: 3px;
}

input[type="image"]{
    float: right;
    margin-right: 40%;
    width: 50px;
    height: 50px; 
    margin-top: -15px;
}
input[type="submit"]{
    float: right;
    margin-right: 2%;
    margin-top: -0px;
}

select[name="contacts"]{
    width: 100%;
    background-color: white;
    height: 350px;
}

#Contactrequest{
    float:left;
    margin-left: 5%;
    width : 60%;
}
#NewContact{
    margin-top: 5%;
}


#Addcontact {
	width: 80%;
	float:left;
    margin-left: 5%;
}

select[name="type"]{
	overflow: hidden;
	border: 1px solid #ccc;
	width: 70px;
	height: 25px;
	margin: 20px;
}

div[id="search"] input{
	margin: 20px;
}

a{
	color: #000000;	
	text-decoration: none;
}

h5 {
	font-size : 100%;
	margin-left: 5%;
	width: 7%;
	margin-top: -28px;
	background:white;
}

.general{
	margin-left: auto;
	margin-right: auto;
	width: 60%;
}

.search{
	margin-left: auto;
	margin-right: auto;
	width: 99%;
	background-color: #E5E4E2;
	margin-bottom: 2%;
}

.results{
	border: 1px black solid;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}

#search{
	margin-left: auto;
	margin-right: auto;
	width: 60%;
}

.matches{
	margin-bottom: 80px;
	margin-top: 40px;
}

#mail{
	float: left;
	margin-left: 10%;
}

#add{
        float: right;
	margin-right: 1%;
}

#name{
	float: left;
}


input[type="image"]{
        float: right;
	margin-right: 10%;
	width: 30px;
	height: 28px; 
	margin-top: -1px;
}
em
{
    color: red;
}


header{
    width: 100%;
    margin: auto;
    position: relative;
}

.zone{
    width:900px;
    height:64px;
    margin:0 auto;
    background:url(Menu/zone_bg.png) repeat-x;		
}
.zone-left{
    background:url(Menu/zone_l.png) no-repeat;
    width:15px;
    height:64px;
    float:left;
}
.zone-right{
    background:url(Menu/zone_r.png) no-repeat;
    width:15px;
    height:64px;
    float:right;
}
.zone-bg{
    background:url(Menu/zone_bg.png) repeat-x;
    height:64px;
}
.zone-bg ul{
    list-style:none;
    margin:0 auto;
}
.zone-bg li{
    float:left;
    list-style:none;
}
.zone-bg li a{
    float:left;
    display:block;
    color:#ffe8cc;
    text-decoration:none;
    font:12px 'Lucida Sans', sans-serif;
    font-weight:bold;
    padding:0 0 0 18px;
    height:64px;
    line-height:40px;
    text-align:center;
    cursor:pointer;	
}
.zone-bg li a span{
    float:left;
    display:block;
    padding:0 32px 0 18px;
}
.zone-bg li.current a{
    color:#fff;
    background:url(Menu/zone_hover_l.png) no-repeat left 5px;
}
.zone-bg li.current a span{
    color:#fff;
    background:url(Menu/zone_hover_r.png) no-repeat right 5px;
}
.zone-bg li a:hover{
    color:#fff;
    background:url(Menu/zone_hover_l.png) no-repeat left 5px;
}
.zone-bg li a:hover span{
    color:#fff;
    background:url(Menu/zone_hover_r.png) no-repeat right 5px;
}